/*
Theme ID: 墨鱼部落格
Author: 墨鱼原创模板（版权局申报完毕）
Author QQ：48444431
Author Email：48444431@qq.com
Author URL: http://www.moyublog.com/
*/
@charset "utf-8";
@import url(night.css);
html{font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-rendering: optimizelegibility;}
*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section{display: block;}
audio, canvas, video{display: inline-block;}
/* @font-face {src: url("../fonts/num_font.ttf") format("truetype");font-display: swap;font-family: "my-num"} */
@font-face {font-family: 'moyublog';src: url('../fonts/moyublog.eot');src: url('../fonts/moyublog.eot') format('embedded-opentype'),url('../fonts/moyublog.woff') format('woff'),url('../fonts/moyublog.ttf') format('truetype'),url('../fonts/moyublog.svg') format('svg');}
@font-face{font-family:"Play";src:url("../fonts/Play-regular.ttf") format("truetype");font-style:normal;font-weight:normal}@font-face{font-family:"Play";src:url("../fonts/Play-bold.ttf") format("truetype");font-style:normal;font-weight:bold}
body, button, input, select, textarea{}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;
border:0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset, img{border: 0;}
a{text-decoration: none;}
a:link{}
a:visited{}
a:hover{text-decoration: none;}
a:active{}
small{font-size: 0.9em;color: #888;}
h1, h2, h3, h4, h5, h6{font-size: 100%;color: #6b7386;line-height: 1.35;}
/**
pre, code, pre tt{font-family: Courier, 'Courier New', monospace;}
pre{background: #f8f8f8;border: 1px solid #ddd;padding: 1em 1.5em;display: block;-webkit-overflow-scrolling: touch;white-space: pre-wrap;word-wrap: break-word;}
**/
hr{border: none;border-bottom: 1px solid #cfcfcf;margin-bottom: 0.8em;height: 10px;}
.textwrap, .textwrap td, .textwrap th{word-wrap: break-word;word-break: break-all;}
.textwrap-table{table-layout: fixed;}
.serif{font-family: Palatino, Optima, Georgia, serif;}
img{max-width: 100%;}
input[type=submit]{-webkit-appearance: none;outline: none}
ul, li{list-style-type: none}
button, label, input[type="submit"]{cursor: pointer}
button, input, select, textarea{font: inherit;outline: none;margin: 0;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select{}
table{border-collapse: collapse;border-spacing: 0}
address, caption, cite, code, dfn, em, th, var, i{font-style: normal;font-weight: normal} input::-webkit-input-placeholder{color: #A6978A !important} input:-moz-placeholder{color: #A6978A !important} input::-moz-placeholder{color: #A6978A !important} input:-ms-input-placeholder{color: #A6978A !important}
.p10{padding: 10px;}
.p1020{padding: 10px 20px;}
.p20{padding: 20px;}
.m10{margin: 10px;}
.m-t10{margin-top: 10px;}
body{padding: 0;font: 14px/1.5 Play,Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;background: rgb(240, 244, 245);color: #333;}
a{color: #613f23;text-decoration: none;-webkit-transition: all ease .25s;-moz-transition: all ease .25s;transition: all ease .25s}
a:hover{color: #E66B35}
.clear{clear: both;zoom: 1}
.clear:before, .clear:after{display: table;content: ""}
.clear:after{clear: both;overflow: hidden}
.fl{float: left}
.fr{float: right} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #CCC} input:-moz-placeholder, textarea:-moz-placeholder{color: #CCC}

::selection{background: #ccc8b8;color: #333;text-shadow: none;}
::-webkit-scrollbar{width:12px;
height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#F4F4F4}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;
border-radius:6px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.wrapper{position: relative;margin: 10px auto 0;max-width: 1400px;clear: both;/* overflow:hidden; */}
/*公共头部开始*/
.header{box-shadow: 1px 1px 12px rgba(0,0,0,0.08);position: relative;z-index: 6;border-bottom: 1px solid #eee;/*background: url(../images/top-bg.gif) repeat-x;*/background: #FBFAF8;}
.header .header_warp{margin: 0 auto;clear: both;max-width: 1400px;}
.header .m-sitenav{height: 36px;text-align: left;line-height: 36px;color: #666;position: relative;}
.header .total{height: 36px;overflow: hidden;white-space: nowrap;overflow-x: auto;display: -webkit-box;position: absolute;right: 0px;}
.header .total li, .header .m-login li{float: left;}
.header .total li i{color: #FD944F;font-size: 14px;font-weight: bold;font-style: normal;margin-right: 3px;}
.header .top-btn1{color: white;position: relative;padding: 5px;font-size: 14px;background: #E2523A;border-radius: 2px;text-align: center;box-shadow: 1px 2px 6px 0px rgba(0, 0, 0,.2);border: 1px solid #E2523A;margin-right: 30px;}
.header .m-login{height: 30px;overflow: hidden;width: 200px;}
.header .m-login li span{position: relative;display: block;float: left;line-height: 26px;}
.header .m-login a{color: #613F23;float: left;cursor: pointer;}
.header .m-login span a{color: #ED6C00;font-weight: 700;}
.header .m-login i.fa{margin: 9px 0px 0 4px;color: #BCAEA2;}
.header .m-login a b{font-style: normal;font-weight: normal;}
.header .m-login li ul.subnav{position: absolute; top: 30px; background-color: #fff; font-size: 13px; padding: 12px 8px 10px; margin: 20px 0 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); line-height: 32px; min-width: 300px; border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-in-out;z-index: 99;}
.header .m-login li ul.subnav:before{content: " "; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 8px; border-bottom-color: #fff; position: absolute; left: 10px; top: -14px;}
.header .m-login li ul.subnav li{position: relative; float: left;}
.header .m-login li ul.subnav li{float: left; width: 20%;}
.header .m-login li ul.subnav li.first{width: 100%; margin-bottom: 12px;}
.header .m-login li ul.subnav .user-info{padding:0 6px;}
.header .m-login li ul.subnav .user-info a{padding:0;display: inline-block;position: relative;line-height: 1}
.header .m-login li ul.subnav .user-info a .vip{bottom: -2px;}
.header .m-login li ul.subnav .user-info .name{display: inline-block;margin-left: 6px;height: 36px;line-height: 36px;}
.header .m-login li ul.subnav .user-info .name .nickname{display: inline-block;max-width: 92px;overflow: hidden;float:left;height: 36px;}
.header .m-login li ul.subnav .user-info .name t{background: #fbb715;color:#fff;padding:2px 8px;border-radius: 20px;margin-left: 10px;font-size: 12px;}
.header .m-login li ul.subnav .user-info .name d{background: rgba(45,50,55,0.7);color:#fff;padding:2px 8px;border-radius: 20px;margin-left: 10px;font-size: 12px;}
.header .m-login li ul.subnav .user-money{display: block;padding-bottom: 8px;font-weight:normal;padding:0 6px;color: #062743}
.header .m-login li ul.subnav .avatar{width: 45px; height: 45px; border-radius: 50%;max-width: 100%; max-height: 100%; vertical-align: middle;}
.header .m-login li ul.subnav .user-vip{display: block;padding-bottom: 8px;font-weight:normal;padding:0 6px;color: #062743}
.header .m-login li ul.subnav .user-cart{display: block;padding-bottom: 8px;font-weight:normal;padding:0 6px;color: #062743}
.header .m-login li ul.subnav .fa{top:3px;font-size: 16px;display: inline-block;line-height:normal;margin: 8px 0px 0px 0px;}
.header .m-login li.yhzx2:hover >.subnav{opacity:1;visibility:visible;margin:0}
.header .m-login li ul.subnav .money-left{background: #f5f5f5;padding:0 8px;border-radius: 0 5px 0 5px;font-size: 12px;margin-top: 12px;}
.header .m-login li ul.subnav .money-left t{float: right;color: #707c86}
.header .m-login li ul.subnav .cart-left{background: #f5f5f5;padding:0 8px;border-radius: 0 5px 0 5px;font-size: 12px;margin-top: 12px;display: block;}
.header .m-login li ul.subnav .cart-left t{float: right;}
.header .m-login li ul.subnav .vip-left{background: #f5f5f5;border-radius: 0 5px 0 5px;padding: 0 8px;font-size: 12px;margin-top: 12px;overflow: hidden;}
.header .m-login li ul.subnav .vip-left t{float: right;color: #707c86;line-height: 22px;margin-top: 5px;}
.header .m-login li ul.subnav .vip-left v{cursor:pointer;float: left;background: rgba(45,50,55,0.7);color: #fff;border-radius: 30px;padding: 4px 8px;display: inline-block;line-height: 1;margin: 10px;}
.header .m-login li ul.subnav .vip-left v.b{display: block;clear: both;}
.header .m-login li ul.subnav .vip-left v.c{background: #ff4a00;}
.header .m-login li ul.subnav .vip-left .down-left{margin-top: -5px;color: #707c86;clear: both;text-align: center;}
.header .m-login li ul.subnav .vip-left .down-left b{font-size: 16px;}
.header .m-login li ul.subnav li.item{text-align: center; line-height: 15px; margin-bottom: 5px; font-size: 12px;}
.header .m-login li ul.subnav a{padding: 0; width: 45px; height: 45px; border-radius: 50%; background: #f5f5f5; display: inline-block; text-align: center;border: none; position: relative;font-weight: normal; color: #062743;}
.header .m-login li ul.subnav a span{line-height:normal;float:none;padding: 0px;}
.header .total li em, .header .m-login li em{color: #E8E4E0;float: left;padding: 0 10px;}
.header .inner{margin: 0 auto;width: 100%;height: 60px;clear: both;}
.header .logo{float: left; margin-top: 5px;position: relative;}
.header .logo a{float: left;color: #555;letter-spacing: 2px;font-size: 28px;font-weight: normal;}
.header .logo a i{color: #ED730D;font-size: 42px;margin-right: 5px;float: left;font-style: normal;}
.header .logo a span{font-family: 'moyublog';margin-top: 7px;float: left;line-height: normal;}
.header .logo a:hover::before{position:absolute;left:0;top:0;height:89px;width:267px;content:'';background:url(../images/collect.png) no-repeat;}
.header .nav{float: right;height: 60px;line-height: 60px;width: 78%;}
.header .nav i{font-weight:300;}
.header .topnav{font-size: 14px;text-align: center;}
.header nav{float: left;}
.header .topnav ul{overflow: hidden;}
.header .topnav li{float: left;position: relative;}
.header .topnav li a:hover, .header .topnav .current_page_item{float: left;position: relative;color: #ED730D !important;}
.header .topnav li a{float: left;position: relative;padding: 0 20px;display: block;color: #555;font-size: 18px;}
.header .topnav ul li i{margin-right: 5px;font-size: 18px;}
.header.fixedheader .logo{margin-top: 8px;}
.header #search{float: right;margin-top: 14px;width: 240px;}
.header #search form select{padding-right: 36px;background-image:url(../images/slc.png);background-position:center right;background-repeat:no-repeat;text-align: center;}
.header #search form{height: 32px;background-color: #F3F0EB;border: 1px solid #E6E0DA;border-radius: 15px;padding-left: 15px;-webkit-box-shadow: 1px 1px 0 white;box-shadow: 1px 1px 0 white;position: relative;}
.header #search input#keyboard{background: transparent;cursor: text;font-size: 14px;float: left;height: 32px;line-height: 32px;position: absolute;right: 30px;border: 0;width: 45%;}
.header #search select{float: left;background: transparent;height: 32px;line-height:32px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #666;font-size:14px;border:0px;}
.header button#search-submit{margin: 0;padding: 0;background: none;border: none;width: 30px;height: 30px;line-height: 30px;float: right;}
.header button#search-submit i{font-size: 16px;color: #C5BBB1;}
.minnav, .minul, .header .mso, .header .mso2, .header .yhzx, .header .hconly_ad, .header ul.minul, .header .m-moon,.header .m_ewm{display: none;}
.header .znavbox{position: absolute;height: 0;filter: alpha(opacity=0);opacity: 0;width: 100%;transition: 0s;transition-duration: 0s;left: 0;right: 0;top: 96px;bottom: 0;margin: 0 auto;z-index: 20;}
.header .znavbox *{transition-duration: 0.2s}
.header .znav{display: none}
.header .znav{border-bottom: 8px solid #f90;box-shadow: 1px 1px 12px rgba(0,0,0,0.08);background: #fff}
.header .znavbox .wrap{position: relative;margin: 0 auto;width: 95%;clear: both;max-width: 1400px;}
.header .znav-in{overflow: hidden;padding: 30px 12px}
.header .zul{overflow: hidden}
.header .zul li{float: left;text-align: center;margin: 1%;line-height: normal;}
.header .zul.z7 li{width: 10.5%}
.header .zul.z6 li{width: 14.6%}
.header .zul li a{width: 100%;display: block;background: #fcfcfc;border: 1px solid #f0f0f0;border-radius: 3%;text-align: center;color: #333}
.header .zul li i{font-size: 25px;color: #f90;margin: 20px 0 5px;line-height: normal;}
.header .zul li p{font-size: 16px;margin: 0 0 6px;line-height: normal;}
.header .zul li em{font-size: 13px;color: #aaa;margin: 0 0 12px;display: block;line-height: normal;}
.header .zul li a:hover{background: #f90;box-shadow: 1px 1px 8px rgba(255, 153, 0, 0.5);color: #fff !important}
.header .zul li a:hover i, .znav-in li a:hover p{color: #fff}
.header .zul li a:hover em{color: #ffc979}
.header .znav .zmenu{padding: 12px 22px 0 22px;width: 65%;box-sizing: border-box}
.header .zul.z5 li{width: 18%;margin-bottom: 16px}
.header .zul.z5 li p{font-size: 17px}
.header .zul.z5 li i{font-size: 27px}
.header .zul.z8 li{width: 22%;margin-bottom: 16px}
.header .zul.z8 li p{font-size: 17px}
.header .zul.z8 li i{font-size: 27px}
.header .zul.z12 li{width: 22%;margin-bottom: 16px}
.header .zul.z12.z21 li{width: 12.22%;margin-bottom: 16px}
.header .zul.z12 li p{font-size: 17px; margin: 13px 0 0 35%; height: 20px; line-height: 20px; overflow: hidden; width: 90px;}
.header .zul.z21.z21 li p{font-size: 17px;margin: 13px 0 0 35%;}
.header .zul.z12 li em{margin-left:15%}
.header .zul.z12 li i{font-size: 27px;position: absolute; top: 16px; left: 15%; margin: 0px;}
.header .zul.z12 li a{position:relative;}
.header .znav .zposts{width: 35%;box-sizing: border-box;padding: 0px 42px 12px 44px;position: relative}
.header .znav .zposts:before{content: '';display: block;width: 1px;height: 270px;background: #f1f1f1;position: absolute;left: 0;top: 2px}
.header .zposts h3{font-size: 16px;font-weight: 500;margin: 0 0 15px 0;color: #333;line-height: normal}
.header .zposts h3 i{color: #f90;margin: 0 6px 0 0;font-size: 17.5px}
.header .zposts li{margin: 10px 0;line-height: 20px}
.header .zposts li a{display: block;height: 20px;overflow: hidden}
.header .zposts li a i{float: left;margin-right: 10px;color: #f90;width: 20px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #f90;border-radius: 3px}
.header .zposts li a span{display: block;width: 76%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #777}
.header .zposts li a em{color: #aaa;float: right;display: block;width: 16%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header .znavbox .none{display: none !important}
.fixedheader{position: fixed;box-shadow: 1px 1px 12px rgba(0,0,0,0.08);top: 0px;z-index: 6;border-bottom: 1px solid #eee;left: 0;right: 0;background: #FBFAF8;}
.fixedheader .m-sitenav{display: none}
.fixedheader .znavbox{top: 60px}
/*公共头部结束*/
/*公共底部开始*/
#footer{width: 100%;clear: both;overflow: hidden;padding: 50px 10px;background: url(../images/footer-bg.jpg) no-repeat;background-position: center;background-repeat: no-repeat;background-size: cover;}
#ft{max-width: 1400px;margin: 0 auto;padding: 5px 0px 3px 0px;border: none;line-height: 1.8;color: #666;overflow: hidden;}
#ft .ft_info{padding: 10px 0px 0px 0px;float: left;width: 1400px;height: auto;position: relative;}
#ft .red{color: #ACACAC;}
.ft_z1{float: left;line-height: 24px;margin: 14px 0px 0px 0px;overflow: hidden;width: 225px;height: 100px;}
.ft_z1 p{font-size: 14px;line-height: 24.6px;color: #ACACAC;}
.ft_z1 p a{font-size: 14px;}
.pipe{color: #777;}
#ft a{color: #ACACAC;}
.ft_z2{float: left;margin: 12px 0px;padding: 0px 0px 0px 40px;width: 150px;}
.ft_bx{width: 1px;height: 91px;position: absolute;left: 325px;top: 25px;}
.ft_t1{left: 368px;}
.ft_t2{left: 511px;}
.ft_z3{float: right;width: 290px;height: 120px;margin: 11px 0px 0px 0px;}
.ft_z3 .d_ewm{margin: 6px 0px 0px 5px;overflow: hidden;}
.ft_z3 span{float: left;margin-right: 8px;width: 90px;height: 90px;overflow: hidden;margin-top: 0px;}
.ft_z3 p{float: left;font-size: 14px;line-height: 22px;color: #ACACAC;}
.ft_z_zdxx_zx a{position:relative}
.ft_z_zdxx_zx a img{width: 16px;position: absolute;top: 0px;left: 0px;}
.ft_z_zdxx_zx a span.gaba{margin-left:20px}
/*公共底部结束*/
/*侧边客服开始*/
.float-box{width: 68px;padding: 5px;font-size: 14px;position: fixed;right: 0;top: 55%;z-index: 9997;margin-top: -303px;_position: absolute; _top: expression(eval(document.documentElement.scrollTop+100));box-sizing: border-box}
.float-box .float-ul, .float-box .float-ul li{margin: 0;padding: 0;}
.float-box .float-ul{margin-top: 5px;text-align: center;line-height: 1.2;list-style: none;background-color: #FFF;box-shadow: 0 2px 5px #e6e6e6;}
.float-box .float-radius{-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.float-box .float-text{color: #ff4a00}
.float-box .float-border{border-color: #ececec !important;}
.float-box .dbsvipa{color: #fff;}
.float-box .float-ul li a{display: block;width: 100%;padding: 10px 0;line-height: 18px;}
.float-box .float-ul li a{border-radius: 5px;}
.float-box .float-ul li a.qq, .float-box .float-ul li a.qun{-moz-border-top-left-radius: 4px;-moz-border-top-right-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;position: relative;}
.float-box .dbsvip{background: linear-gradient(-125deg, #ffab23 0%, #ff0036 100%)!important;color: #fff;margin-bottom: 20px;}
.float-box .dbsvip li a:hover{background: linear-gradient(-125deg, #ffab23 0%, #ff0036 100%);color: #fff;margin-bottom: 20px;box-shadow: 0 8px 10px rgba(255, 0, 12, 0.3);color: white;border-radius: 50%;}
.float-box .float-ul .fa,.float-box .float-ul .fab{font-size: 20px;line-height: 20px;}
.float-box .dbsvip .fa{font-size: 25px;}
.float-box .float-alert-box{width: 180px;height:auto;background-color: #FFF;border: 1px solid #ececec;position: absolute;right: 58px;top: 0;z-index: 9998;display: none;box-sizing: border-box}
.float-box .float-qq-box, .float-box .float-qun-box{padding: 20px 15px;}
.float-box .float-qun-box{width: 200px;height: auto;}
.float-box .float-weixin-box{background: none;border: 0px;width: 300px;height: auto;top: 10%;}
.float-box .float-ul li .float-qq-box{color: #666;}
.float-box .float-alert-box h6{font-size: 20px;color: #ff4a00;font-weight: 700;line-height: 1.2;margin: 0 0 15px;}
.float-box .float-alert-box p{line-height: 24px;margin: 0 0 15px;}
.float-box .float-qq-btn{padding: 10px;background-color: #ff4a00;color: #FFF;cursor: pointer;}
.float-box .dbsvipd{padding: 10px;background: linear-gradient(-125deg, #ffab23 0%, #ff0036 100%);color: #FFF;}
.float-box .zzhuti_qd_1{background: linear-gradient(-125deg, #7CCC4C 0%, #6da54b 100%);box-shadow: 0 8px 10px rgba(32,160,255,.3);color: #FFF;}
.float-box .zzhuti_qd_1:hover{background: #ffffff;box-shadow: 0 8px 10px rgba(32,160,255,.3);color: #6da54b;}
/*侧边客服结束*/
/*公共样式开始*/
.video{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius: 5px;}
.video iframe, .video object, .video embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*microtip start*/
[data-microtip]{position:relative}
[data-microtip]:before, [data-microtip]:after{transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;opacity: 0;pointer-events: none;transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);position: absolute;box-sizing: border-box;z-index: 10;transform-origin: top}
[data-microtip]:before{background-size: 100% auto!important;content: ""}
[data-microtip]:after{font-family: Microsoft Yahei;background: rgba(17,17,17,.9);border-radius: 4px;color: #fff;content: attr(data-microtip);font-size: var(--microtip-font-size, 13px);font-weight: var(--microtip-font-weight, normal);text-transform: var(--microtip-text-transform, none);padding: .5em 1.2em;white-space: nowrap;box-sizing: content-box;line-height: 1.8}
[data-microtip]:hover:before, [data-microtip]:hover:after{opacity: 1;pointer-events: auto}
[data-microtip-position|="top"]:before{background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height: 6px;width: 18px;margin-bottom: 5px}
[data-microtip-position|="top"]:after{margin-bottom: 11px}
[data-microtip-position|="top"]:before{transform: translate3d(-50%, 0, 0);bottom: 100%;left: 50%}
[data-microtip-position|="top"]:hover:before{transform: translate3d(-50%, -5px, 0)}
[data-microtip-position|="top"]:after{transform: translate3d(-50%, 0, 0);bottom: 100%;left: 50%}
[data-microtip-position="top"]:hover:after{transform: translate3d(-50%, -5px, 0)}
[data-microtip-position="top-left"]:after{transform: translate3d(calc(-100% + 16px), 0, 0);bottom: 100%}
[data-microtip-position="top-left"]:hover:after{transform: translate3d(calc(-100% + 16px), -5px, 0)}
[data-microtip-position="top-right"]:after{transform:translate3d(calc(0% + -16px), 0, 0);bottom: 100%}
[data-microtip-position="top-right"]:hover:after{transform:translate3d(calc(0% + -16px), -5px, 0)}
[data-microtip-position|="bottom"]:before{background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height: 6px;width: 18px;margin-top: 5px;margin-bottom: 0}
[data-microtip-position|="bottom"]:after{margin-top: 11px}
[data-microtip-position|="bottom"]:before{transform: translate3d(-50%, -10px, 0);bottom: auto;left: 50%;top: 100%}
[data-microtip-position|="bottom"]:hover:before{transform: translate3d(-50%, 0, 0)}
[data-microtip-position|="bottom"]:after{transform: translate3d(-50%, -10px, 0);top: 100%;left: 50%}
[data-microtip-position="bottom"]:hover:after{transform: translate3d(-50%, 0, 0)}
[data-microtip-position="bottom-left"]:after{transform: translate3d(calc(-100% + 16px), -10px, 0);top: 100%}
[data-microtip-position="bottom-left"]:hover:after{transform: translate3d(calc(-100% + 16px), 0, 0)}
[data-microtip-position="bottom-right"]:after{transform:translate3d(calc(0% + -16px), -10px, 0);top: 100%}
[data-microtip-position="bottom-right"]:hover:after{transform:translate3d(calc(0% + -16px), 0, 0)}
[data-microtip-position="left"]:before, [data-microtip-position="left"]:after{bottom: auto;left: auto;right: 100%;top: 50%;transform: translate3d(10px, -50%, 0)}
[data-microtip-position="left"]:before{background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height: 18px;width: 6px;margin-right: 5px;margin-bottom: 0}
[data-microtip-position="left"]:after{margin-right: 11px}
[data-microtip-position="left"]:hover:before, [data-microtip-position="left"]:hover:after{transform: translate3d(0, -50%, 0)}
[data-microtip-position="right"]:before, [data-microtip-position="right"]:after{bottom: auto;left: 100%;top: 50%;transform: translate3d(-10px, -50%, 0)}
[data-microtip-position="right"]:before{background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height: 18px;width: 6px;margin-bottom: 0;margin-left: 5px}
[data-microtip-position="right"]:after{margin-left: 11px}
[data-microtip-position="right"]:hover:before, [data-microtip-position="right"]:hover:after{transform: translate3d(0, -50%, 0)}
[data-microtip-size="small"]:after{white-space: initial;width: 80px}
[data-microtip-size="medium"]:after{white-space: initial;width: 150px}
[data-microtip-size="large"]:after{white-space: initial;width: 260px}
/*microtip end*/
.ggbg, .gginfo{display: none}
.ggbg.open, .gginfo.open{display: block}
.ggbg{background-color: #000;opacity: 0.7;z-index: 10;top: 0;left: 0;position: fixed;width: 100%;height: 100%}
.gginfo{position: fixed;width: 50%;height: auto;top: 90px;margin-left: -25%;left: 50%;background: #fff;z-index: 11;border-radius: 6px;-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);box-shadow: 0 3px 7px rgba(0,0,0,0.3)}
.ggtit{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #eee;font-size: 16px;color: #656D78}
.ggtit strong{display: block;width: 80%;left: 16px;font-style: normal;overflow: hidden;position: absolute}
.ggtit i{right: 18px;top: 14px;color: #ccc;cursor: pointer;font-size: 24px;position: absolute}
.ggtxt{padding: 10px}
.ggtxt p{line-height: 26px;font-size: 14px}
iframe .site-header{display:none}
.page{line-height: 30px;padding: 36px 0 20px 0;text-align: center;overflow: hidden;font-size: 0}
.page a, .page a:hover, .page b{display: inline-block;font-size: 14px;height: 26px;line-height: 26px;padding: 0 10px;border-radius: 2px;text-align: center;margin: 0 3px;font-weight: 500;vertical-align: middle;}
.page a{color: #666;border: 1px solid #eee;background: #f6f6f6}
.page a:hover, .page b{border: 1px solid #f90;background: #f90!important;color: #fff}
.page a[title="总数"] b{background: none!important;border: none;color: #666;padding: 0}
.page a[title="总数"] b:before{content: "共";margin-right: 2px}
.page a[title="总数"] b:after{content: "个";margin-left: 2px}
.page a[title="总数"], .page a[title="Total record"]:hover, .page a[title="总数"] b:hover{color: #fff}
.page .totalpage,.page .totalpage_s{display:none;}
.page input{display: inline-block;font-size: 14px;height: 26px;line-height: 26px;padding: 0 10px;border-radius: 2px;text-align: center;margin: 0 3px;font-weight: 500;border: 1px solid #ddd;width: 60px;vertical-align: middle;}
.page button{display: inline-block;font-size: 14px;height: 26px;line-height: 26px;padding: 0 10px;border-radius: 2px;text-align: center;margin: 0 3px;font-weight: 500;border: 1px solid #ddd;vertical-align: middle;}
.page input:hover{border: 1px solid #f90;}
.page button:hover{border: 1px solid #f90;background:#f90;color:#fff;}
/*密码访问栏目&温馨提示 start*/
body.panpwd,body.msgbg{height:100%;overflow:hidden;background:#f1f1f1}
.message{background:#fff;box-shadow:1px 1px 6px rgba(0, 0, 0, 0.1)}
.message h3{font-size:14px;font-weight:500}
.message p{font-size:20px;color:#f90;margin:10px 0 20px;letter-spacing:1px}
.message p i{font-size:18px;margin:0px 8px 0 0;color:#ffc46c}
.message a{color:#2D8AC5}
.pb1,.pb2,.pb3{position:absolute;border-radius:100%}
.pb1{top:-172px;right:-240px;background:-webkit-gradient(linear,0 0,0 bottom,from(#FECCC2),to(#FDE0AE));width:400px;height:440px}
.pb2{width:284px;height:275px;background:#f1f1f1;top:-100px;right:-220px}
.pb3{width:400px;height:400px;background:#00FED9;bottom:-200px;left:-200px}
.passport,.message{width:600px;margin:-160px 0 0 -300px;border-radius:4px;padding:30px 0;text-align:center;position:absolute;top:50%;left:50%;z-index:100}
.passport h3{font-size:24px;font-weight:700;color:#333}
.passport form{margin:20px auto;display:block;width:100%;border-radius:6px;position:relative}
.passport form i{position:absolute;font-size:32px;color:#ddd;left:16px;top:8px}
.passport form .text{width:90%;display:block;height:48px;padding:0;border-radius:100px;font-size:16px;color:#555;background:#fff;text-indent:52px}
.passport form .btn{color:#fff;position:absolute;right:0;top:0;width:18%;display:inline-block;font-size:16px;text-align:center;cursor:pointer;height:48px;line-height:48px;border-radius:100px}
.passport p{font-size:14px;color:#f90}
.passport p i{font-size:14px;margin:0 6px 0 0}
.orbtn{background:#ff6f00;background:linear-gradient(to right,#f07d17 0,#ffae12 100%);box-shadow:0 5px 10px rgba(255,111,0,.25)}
.orbtn:hover{background:#ff9f16}
.orbtn{transition-duration:0s}
@-webkit-keyframes orbloop{from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)}}
@keyframes orbloop{from{transform:rotate(0deg)} to{transform:rotate(360deg)}}
@-webkit-keyframes orbmove{from{-webkit-transform:translateX(-1000px)} to{-webkit-transform:translateX(2000px)}}
@keyframes orbmove{from{transform:translateX(-1000px)} to{transform:translateX(2000px)}}
#bg{position:absolute;width:1000px;height:1000px;top:50%;left:50%;margin-left:-500px;margin-top:-500px}
#bg div div{position:absolute}
#bg{opacity:0}
#bg .row1 div{-webkit-animation:orbmove 48s linear infinite;animation:orbmove 96s linear infinite}
#bg .row1 .orb1{position:absolute;width:60px;height:60px;top:50%;left:50%;margin-left:-30px;margin-top:-380px}
#bg .row1 .orb1 div{width:100%;height:100%;border-radius:60px;background:-webkit-linear-gradient(top,#ffffff,#dedede);background:linear-gradient(to bottom,#ffffff,#dedede);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row1 .orb2{position:absolute;width:100px;height:100px;top:50%;left:50%;margin-left:450px;margin-top:50px}
#bg .row1 .orb2 div{width:100%;height:100%;border-radius:100px;background:-webkit-linear-gradient(top,#ffffff,#dedede);background:linear-gradient(to bottom,#ffffff,#dedede);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row1 .orb1c{position:absolute;width:60px;height:60px;top:50%;left:50%;margin-left:1970px;margin-top:-380px}
#bg .row1 .orb1c div{width:100%;height:100%;border-radius:60px;background:-webkit-linear-gradient(top,#ffffff,#dedede);background:linear-gradient(to bottom,#ffffff,#dedede);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row1 .orb2c{position:absolute;width:100px;height:100px;top:50%;left:50%;margin-left:2450px;margin-top:50px}
#bg .row1 .orb2c div{width:100%;height:100%;border-radius:100px;background:-webkit-linear-gradient(top,#ffffff,#dedede);background:linear-gradient(to bottom,#ffffff,#dedede);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row2 div{-webkit-animation:orbmove 24s linear infinite;animation:orbmove 48s linear infinite}
#bg .row2 .orb1{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-left:-500px;margin-top:-300px}
#bg .row2 .orb1 div{width:100%;height:100%;border-radius:200px;background:-webkit-linear-gradient(top,#ffffff,#dedede);background:linear-gradient(to bottom,#ffffff,#dedede);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row2 .orb2{position:absolute;width:250px;height:250px;top:50%;left:50%;margin-left:175px;margin-top:-125px}
#bg .row2 .orb2 div{width:100%;height:100%;border-radius:250px;background:-webkit-linear-gradient(top,#ffffff,#dedede);background:linear-gradient(to bottom,#ffffff,#dedede);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row2 .orb1c{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-left:1500px;margin-top:-300px}
#bg .row2 .orb1c div{width:100%;height:100%;border-radius:200px;background:-webkit-linear-gradient(top,#ffffff,#dedede);background:linear-gradient(to bottom,#ffffff,#dedede);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row2 .orb2c{position:absolute;width:400px;height:400px;top:50%;left:50%;margin-left:2100px;margin-top:-200px}
#bg .row2 .orb2c div{width:100%;height:100%;border-radius:400px;background:-webkit-linear-gradient(top,#ffffff,#dedede);background:linear-gradient(to bottom,#ffffff,#dedede);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row3 div{-webkit-animation:orbmove 12s linear infinite;animation:orbmove 24s linear infinite}
#bg .row3 .orb1{position:absolute;width:300px;height:300px;top:50%;left:50%;margin-left:850px;margin-top:-300px}
#bg .row3 .orb1 div{width:100%;height:100%;border-radius:300px;background:-webkit-linear-gradient(top,#dedede,#ffffff);background:linear-gradient(to bottom,#dedede,#ffffff);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row3 .orb2{position:absolute;width:600px;height:600px;top:50%;left:50%;margin-left:0px;margin-top:0px}
#bg .row3 .orb2 div{width:100%;height:100%;border-radius:600px;background:-webkit-linear-gradient(top,#dedede,#ffffff);background:linear-gradient(to bottom,#dedede,#ffffff);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row3 .orb1c{position:absolute;width:300px;height:300px;top:50%;left:50%;margin-left:2850px;margin-top:-300px}
#bg .row3 .orb1c div{width:100%;height:100%;border-radius:300px;background:-webkit-linear-gradient(top,#dedede,#ffffff);background:linear-gradient(to bottom,#dedede,#ffffff);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
#bg .row3 .orb2c{position:absolute;width:600px;height:600px;top:50%;left:50%;margin-left:2000px;margin-top:0px}
#bg .row3 .orb2c div{width:100%;height:100%;border-radius:600px;background:-webkit-linear-gradient(top,#dedede,#ffffff);background:linear-gradient(to bottom,#dedede,#ffffff);-webkit-animation:orbloop 6s linear infinite;animation:orbloop 6s linear infinite}
@media (max-width:600px){.passport,.message{width:95%;margin:-160px 0 0 -47.5%} .passport h3,.message p{font-size:16px;font-weight:500} .message p{margin:8px 0 14px} .message p i{font-size:16px;margin:0px 6px 0 0} .passport form{width:90%} .passport form .text{width:100%;float:none} .passport form .btn{width:100%;border-radius:6px;top:60px} .passport p{margin-top:80px}}
/*密码访问栏目&温馨提示 end*/
.pcd_ad{display:block;}
.pcd_ad img{width:100%; height:auto}
.mbd_ad{display:none}
.mbd_ad img{width:100%; height:auto}
@media(max-width:768px){
body{font-family: play,system-ui, -apple-system, Arial, sans-serif;}
.pcd_ad{display:none !important;}
.mbd_ad{display:block !important;}}
fieldset.ainfo{clear: both;margin:0 0 18px;line-height:28px;text-align:center;border:1px #ff5858 dashed;padding:1em;border-radius:8px;}
fieldset.ainfo legend{text-align:center;color:#fff;background:#ff5858;border-radius:8px;padding:0 15px;cursor:pointer;}
fieldset.ainfo #aurl{position:absolute;top:-9999em;left:-9999em;}
fieldset.ainfo a{text-decoration: none;}
.icon-tencent{display:none!important;}
.slicknav_menu{position: relative;}
.slicknav_menu ul, .slicknav_menu li{list-style: none; list-style-type: none; margin: 0; padding: 0;}
.slicknav_menu .slicknav_nav{/* background-color: #eee; */ padding: 10px; width: 100%; position: relative; overflow: hidden; display: -ms-flexbox; display: -webkit-box !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.slicknav_menu .slicknav_nav li.slicknav_parent{-ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}
.slicknav_menu .slicknav_nav>li{width: 100%; padding: .25rem; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.slicknav_menu .slicknav_nav li.current-menu-item a{color: #007bff;}
.slicknav_menu .slicknav_nav .sub-menu{border-radius: 0 0 2px 2px; overflow: hidden; background: #eaeaea; padding: 5px; position: relative;}
.slicknav_menu .slicknav_nav .sub-menu>li{width: 100%; float: none;}
.slicknav_menu .slicknav_nav .sub-menu>li>a{border: none; border-radius: 0; line-height: 1; background: #f7f7f7; margin: 10px 5px; border-radius: 4px; padding: 10px 5px;}
.slicknav_menu .slicknav_nav .sub-menu>li+li>a{}
.slicknav_menu .menu-item>a{-webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 1; outline: none; padding: 12px 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; background: #f7f7f7;}
.slicknav_menu .menu-item>a>i{margin-left: 0 !important; margin-right: 5px !important;font-weight:300;}
.slicknav_menu .slicknav_item a{margin-left: 10px; outline: none;}
.slicknav_menu .slicknav_item a i{margin-left: 0 !important; margin-right: 5px !important;font-weight:300;}
.slicknav_menu .slicknav_nav .sub-menu .sub-menu{width: 100%;}
.slicknav_menu .slicknav_nav .sub-menu .sub-menu li{width: 100%; float: none;}
.slicknav_menu hr{padding: 0; margin: 0;}
.slicknav_menu .slicknav_arrow{font-size: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; margin-right: 10px;}
.slicknav_menu .slicknav_arrow:before{content: "\f078"; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome"; font-size: 11px; font-weight: 600;}
.dimmer{display: none; background: transparent; bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 90;background: rgba(0, 0, 0, 0.7);}
.off-canvas{background-color: #fff; height: 100vh; overflow-y: scroll; padding: 60px 0 15px; position: fixed; right: 0; top: 0; -webkit-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); width: 320px; z-index: 90; -webkit-overflow-scrolling: touch;}
.off-canvas .logo{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 30px; padding: 0 20px; max-width: 180px;}
.off-canvas .canvas-close{-webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; color: #1a1a1a; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 0.3s cubic-bezier(0.77, 0, 0.175, 1), border-color 0.3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: background-color 0.3s cubic-bezier(0.77, 0, 0.175, 1), border-color 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: background-color 0.3s cubic-bezier(0.77, 0, 0.175, 1), border-color 0.3s cubic-bezier(0.77, 0, 0.175, 1); width: 30px; background-color: #f6f6f6; border: 0; color: #34495e; height: 30px; line-height: 30px; font-size: .875rem;}
.off-canvas .canvas-close{position: absolute; right: 15px; top: 15px; background-color: rgba(239, 239, 239, 0.5); border-radius: 50%; -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.5);}
.off-canvas .canvas-close .fas{transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);}
.off-canvas .canvas-close:hover .fas{-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.off-canvas .mega-menu{display: none;}
.off-canvas .widget-area .widget{padding: 20px; margin-bottom: 10px;}
.off-canvas .widget-area .widget.widget_magsy_promo_widget+.widget_magsy_promo_widget{margin-top: -20px;}
.off-canvas .widget-area .widget .widget-title{border-bottom: 1px solid #e6e6e6; margin: -20px -20px 20px; padding: 15px 20px;}
body:not(.canvas-visible) .off-canvas{visibility: hidden;}
.canvas-opened{overflow-y: hidden;}
.canvas-opened .off-canvas{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; display: none;}
/*公共样式结束*/
/*图片移入效果*/
.tjlist img:hover,.widget img:hover,.essay_list img:hover{opacity:0.8;
filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */}
/*在线弹出充值开始*/
.form-pay-ajax{}
.form-pay-ajax .payfs{width: 100%; overflow: hidden;}
.form-pay-ajax .payfs a{width: 116px; border: 1px solid #eee; padding: 1px; position: relative; display:block;background-color: #fff;float:left;padding: 5px 10px;}
.form-pay-ajax .payfs a:nth-child(2){float:right;}
.form-pay-ajax .payfs a.hover{border: 1px solid #d94a4a;}
.form-pay-ajax .payfs a span{display: inline-block!important;margin: 0px !important;}
.form-pay-ajax .payfs a.hover span{display: inline-block; width: 14px; height: 14px; background: url(/skin/moyublog/images/j.png) no-repeat; position: absolute; right: 0; bottom: 0;}
.form-pay-ajax .payfs a img{width:100%; height:auto}
.form-pay-ajax input[type=text]{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-bottom: 1px solid #e6e6e6; border-radius: 0; color: #1a1a1a; display: block; font-size: 14px; line-height: 38px; margin-bottom: 10px; width: 100%; padding: 5px 0px; background-color: #fff; border: 1px solid #e4e4e4; text-indent: 20px; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-pay-ajax button[type=submit]{background-color: #f16b6f; border: 1px solid #f16b6f; border-radius: 5px; color: #fff; cursor: pointer; display: block;width:100%;margin-top:15px; font-family: inherit; font-size: 16px; outline: 0; padding: 5px 0px; text-align: center; text-transform: uppercase;}
.payend-container{display: -webkit-box; display: -ms-flexbox; display: none; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: .625em; overflow-x: hidden; -webkit-transition: background-color .1s; -o-transition: background-color .1s; transition: background-color .1s; -webkit-overflow-scrolling: touch;-webkit-tap-highlight-color: transparent;-webkit-box-align: center; -ms-flex-align: center; align-items: center;background: rgb(0 0 0 / 80%); pointer-events: auto; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s;}
.payend-body{position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border: none; border-radius: .3125em; background: #fff; font-family: inherit; font-size: 1rem;}
.payend-icon-show{display: flex; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: .25em solid transparent; border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;border-color: #a5dc86; color: #a5dc86;}
.payend-icon-content{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 3.75em;}
.payend-content{z-index: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; color: #545454; font-size: 1.125em; font-weight: 400; line-height: normal; text-align: center; word-wrap: break-word;}
.payend-actions{display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 1.25em auto 0;margin: 0.5em auto 0.5em;}
.payend-actions button{margin: .3125em; padding: .625em 2em; -webkit-box-shadow: none; box-shadow: none; font-weight: 500;cursor: pointer;border: 0; border-radius: .25em; background: initial; background-color: #3085d6; color: #fff;}
.payend-actions button.payend-confirm{display: inline-block; background-color: rgb(48, 133, 214); border-left-color: rgb(48, 133, 214); border-right-color: rgb(48, 133, 214);}
.payend-actions button.payend-confirm{display: inline-block; background-color: rgb(221, 51, 51);}
#scrollDiv{border: none;margin: 5px 0px 5px 0px;text-align: left;line-height: 25px;height: 25px;overflow: hidden;clear:both;}
#scrollDiv li {height: 25px;color: #b0a9a4;}
/*在线弹出充值结束*/
/*响应式开始*/
@media (max-width: 1440px){.header .total{left:200px}}
@media (min-width: 600px){.rollbar{display: none!important;}} @media (max-width: 1400px){.wrapper{padding:0 10px;}
.header_warp{padding: 0 15px;width: auto;}
.header .zposts li a span{width: 74%;}} @media (max-width: 1366px){.header #search{width: 200px;}
.header .zposts li a span{width: 72%;}} @media (max-width: 1315px){.header .topnav li a{padding: 0 15px;}
.header .zul.z12 li i{left: 5%!important;}} @media (max-width: 1220px){.header .topnav li a{padding: 0 12px;}} @media (max-width: 1150px){.topnav ul li i{display: none;}
.header .zposts li a span{width: 70%;}} @media (max-width: 1024px){.header .nav{width: 73%;}
.header .zul.z12 li i{display: none!important;}
.header .zul.z12 li p{margin: 13px 0 0 0 !important;}
.header .zul.z12 li em{margin-left: 0!important;}} @media (max-width: 990px){.header .topnav li:first-child{display:none;}} @media (max-width: 950px){.header #search{display: none;}}
@media (max-width: 880px){} @media (max-width: 700px){.header nav{float: right;}} @media (max-width: 768px){.header .nav{width: 63%;}
.header #search input#keyboard{width: 81%;}
.header .topnav li a{padding: 0 8px;}
.float-box{display: none;}
.page a,.page a:hover,.page b{font-size:12px;height:26px;padding:0 10px;line-height:26px}} @media (max-width: 650px){.header .topnav li a{padding: 0 5px;}} @media (max-width: 600px){body{background: #EBEBEB;padding-top: 44px;}
.canvas-opened .off-canvas{display: block;} .off-canvas .logo-wrapper{position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px;} .off-canvas .logo{margin: 0; padding: 15px; max-width: 120px;} .off-canvas .logo.text{font-size: 11px; font-weight: 600; max-width: 100%;}
.header{background-color: #EBEBEB;border: none;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);width: 100%;height: 44px;margin: 0 auto;position: fixed;top: 0;left: 0;}
.header .header_warp{padding: 0;}
.m-sitenav, .header .nav nav, .navtit{display: none;}
.header .inner{height: 45px;}
.header hgroup{margin: 0 auto;float: none;text-align: center;padding-top: 0;}
.header .logo{margin-top: 10px;margin-left: 10px;}
.header.fixedheader .logo {margin-top: 10px;}
.header .logo a{}
.header .logo a:hover::before{display:none;}
.header .logo a i{font-size: 24px;color:#B8B4A5;}
.header .logo a span{float: left;font-size: 18px;letter-spacing: 0px;font-weight: 500;color: #aaa;margin: 0;display: inline-block;margin-top: 2px;}
.header #search{position: fixed;left: 0;padding: 0;float: none;margin: 0;width: 100%;top: 44px;border: none;z-index: 5;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-ms-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}
.header #search.open{display: block;}
.header #search form{position: relative; top: 0; width: auto; margin: 0 auto; left: 0; border-radius: 0; right: 0; -webkit-box-shadow: none; height: auto; z-index: 1; padding: 0px;border: 0px solid #E6E0DA;overflow: hidden;}
.header #search select{float: none;margin: 0px;position: absolute;height: 40px;padding: 4px 0px 4px 10px;line-height: 28px;border: solid 1px #ddd;-moz-border-radius: 2px;-webkit-border-radius: 2px;width: 80px;top: 0;left: 0px;font-size: 16px;appearance:none; -moz-appearance:none; -webkit-appearance:none;background: url('../images/arrow_drop_down.png') no-repeat scroll right center transparent;}
.header #search input#keyboard{float: left;color: #999;border: solid 1px #ddd;height: 40px;padding: 4px 0;font-size: 16px;outline: none;text-indent: 2%;right: 50px;position: initial;margin: 0 50px 0 80px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.header button#search-submit{color: #fff;border: none;background: #D1CDBA;height: 40px;font-size: 16px;padding: 0;border-radius: 0 2px 2px 0;width: 50px;display: inline-block;position: absolute;top: 0;right: 0;}
.header button#search-submit i{color: #fff;}
.header .mso2{position: absolute;top: 8px;z-index: 13;display: block;text-align: center;right: 25%;border-radius: 5px;width: initial;}
.header .mso{position: absolute;top: 8px;cursor: pointer;z-index: 13;display: block;text-align: center;right: 15%;border-radius: 100%; background-color: #f6f6f6; height: 30px; width: 30px; line-height: 30px;}
.header .m-login a{height: 30px; width: 30px; line-height: 30px; border-radius: 100%; display: block; background-color: #f6f6f6;}
.header .m-login i.fa{margin: 0px;color: #BCAEA2;font-size: 16px;}
.header .m-login a b{display: none;}
.header .mso i{font-size: 16px;color: #B8B4A5;}
.header .m-moon{position: absolute;top: 8px;cursor: pointer;z-index: 13;display: block;text-align: center;right: 35%;border-radius: 100%; background-color: #f6f6f6; height: 30px; width: 30px; line-height: 30px;}
.header .m-moon i{font-size: 16px;color: #B8B4A5;}
.header .m_ewm{position: absolute;top: 8px;cursor: pointer;z-index: 13;display: block;text-align: center;right: 45%;border-radius: 100%; background-color: #f6f6f6; height: 30px; width: 30px; line-height: 30px;}
.header .m_ewm i{font-size: 16px;color: #B8B4A5;}
.header .yhzx2{display: none;}
.header .yhzx{display: block;}
.minnav{position: absolute;top: 10px;cursor: pointer;z-index: 13;display: block;text-align: center;right: 3%;border-radius: 5px;}
.minnav i{font-size: 26px;color: #B8B4A5;}
ul.minul{display: block;top: 44px;z-index: 11;position: fixed;background: rgba(0, 0, 0, 0.9);width: 100%;left: -100%;padding: 20px 0;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;height: 100%;}
.minul li{line-height: 32px;font-size: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.minul li a{display: block;padding: 10px 20px;color: #999;}
ul.minul.active{left: 0}
.minul li.on a{color: #fff}
.rollbar{position: fixed;right: 0;bottom: 50px;z-index: 100;display: none;transition-duration: 0s;width: 30px;}
.rollbar a{display: inline-block;width: 46px;height: 40px;background: #BCBCBC;box-shadow: -1px 4px 8px rgba(0,0,0,.06);color: #fff;text-align: center;border-radius: 40px 0 0 40px;line-height: 40px;position: relative;text-indent: 4px}
.rollbar a:hover{background: #666}
.rollbar a i{font-size: 16px}
.rollbar a{width: 30px;border-radius: 3px;background: #999!important;opacity: 0.8;height: 30px;line-height: 30px;text-indent: 0;display: block;}
#footer{padding:0px;}
#ft .ft_info{max-width: 1400px;width: 100%;}
#ft .ft_info{float: none;overflow: hidden;}
.ft_z1{float: none;line-height: 24px;margin: 0 auto;overflow: hidden;text-align: center;}
.ft_z2{display: none}
.ft_z3{display: none}
fieldset.ainfo,.pic-share{display:none;}
.page{text-align:left;padding:12px 0;height:auto}
.page a,.paginator a{color:#fff!important;border:1px solid #bbb!important;background:#bbb!important}
.page .total{display:none;}
.page .page_next{border:1px solid #FF5E52!important;background:#FF5E52!important}
.gginfo{width: 96%;margin-left: -48%} .passport,.message{width:95%;margin:-160px 0 0 -47.5%} .passport h3,.message p{font-size:16px;font-weight:500} .message p{margin:8px 0 14px} .message p i{font-size:16px;margin:0px 6px 0 0} .passport form{width:90%} .passport form .text{width:100%;float:none} .passport form .btn{width:100%;border-radius:6px;top:60px} .passport p{margin-top:80px} #ft .red{padding: 0px 20px;}}
.up_form{background-color: #2c3338;padding: 20px 15px;border-radius: 10px;}
.up_formgird{margin:20px 0px;}
.up_form .form__field{display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0.875rem 0px;}
.up_form label, .up_form input[type="text"], .up_form input[type="password"], .up_form input[type="submit"]{border-radius: 0.25rem; padding: 1rem;}
.up_form label{background-color: #363b41; border-bottom-right-radius: 0; border-top-right-radius: 0; padding-left: 1.25rem; padding-right: 1.25rem;}
.up_form .fa{height: 1em; display: inline-block; color: #606468; width: 1em; vertical-align: middle;}
.up_form .hidden{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.up_form input{background-image: none; border: 0; color: inherit; font: inherit; margin: 0; outline: 0; padding: 0; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s;}
.up_form .form__input{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.up_form .form input[type="password"], .form input[type="text"], .form input[type="submit"]{width: 100%;}
.up_form input[type="password"], .up_form input[type="text"]{background-color: #3b4148; border-bottom-left-radius: 0; border-top-left-radius: 0;color: #b1acac;}
.up_form input[type="submit"]{cursor: pointer;}
.up_form input[type="submit"]{background-color: #ea4c88; color: #eee; font-weight: 700; text-transform: uppercase;width: 100%;}
/**广告美化**/
.moyublog_add img{width:100%;height:auto;border-radius: 10px!important;}
#moyublog_add16{margin-bottom:10px;}
/**评论美化**/
#infocommentarea{font-size: 14px;}
#infocommentarea .m_pull-left{float: left;}
#infocommentarea #m_respond{position: relative; background-color: #fff; clear: both;}
#infocommentarea .m_comt-title{overflow: hidden; padding: 12px 20px; background-color: #f7f7f7;}
#infocommentarea .m_comt-avatar{height: 28px !important; width: 28px;}
#infocommentarea .m_comt-avatar img{border-radius: 2px; opacity: .9; height: 28px !important; width: 28px !important;}
#infocommentarea .m_comt-author{margin: 5px 10px 0 10px; font-size: 16px; color: #666;}
#infocommentarea .m_comt-author span{color: #bbb; margin-left: 10px;}
#infocommentarea .m_comt{padding: 20px; position: relative;}
#infocommentarea .m_comt-box{overflow: hidden;}
#infocommentarea textarea, #infocommentarea input{background-color: #fff; border: 1px solid #d9d9d9; border-top-color: silver; border-left-color: #d0d0d0; -webkit-transition: border linear .2s; -moz-transition: border linear .2s; transition: border linear .2s;}
#infocommentarea .m_input-block-level{display: block; width: 100%; min-height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; border-radius: 5px;}
#infocommentarea .m_comt-area{margin-bottom: 5px;}
#infocommentarea .m_comt-ctrl{position: relative; overflow: hidden;}
#infocommentarea .m_pull-right{float: right;}
#infocommentarea .m_comt-tips{text-align: right; line-height: 30px; margin-left: 10px; color: #999;}
#infocommentarea .m_hide{display: none;}
#infocommentarea .m_comt-error{color: #d9534f;}
#infocommentarea .m_comt-ctrl input{display: inline-block; padding: 6px 3px; color: #555; border-radius: 0; vertical-align: middle;}
#infocommentarea .m_comt-tips img{max-width: 100%; width: auto\9; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
#infocommentarea .m_btn{display: inline-block; *display: inline; *zoom: 1; padding: 6px 12px 4px; margin-bottom: 0; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 0; border-radius: 0; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#infocommentarea .m_btn-primary:hover, #infocommentarea .m_btn-primary:focus, #infocommentarea .m_btn-primary:active, #infocommentarea .m_btn-primary.active, #infocommentarea .m_btn-primary.disabled, #infocommentarea .m_btn-primary[disabled]{color: #fff;background-color: #35d2ab}
#infocommentarea .m_btn-primary{color: #fff; background-color: #5fbaac; border-radius: 5px;}
#infocommentarea .m_comt-smilie, #infocommentarea .m_btn-primary{font-size: 15px; height: 36px !important;}
#infocommentarea .m_muted{color: #999;}
#infocommentarea .m_comt-smilie{cursor: pointer; margin-top: 2px; display: inline-block;}
#infocommentarea #comment-smilies{background-color: #eee; padding: 3px 5px; float: left; position: relative; line-height: 0;}
#infocommentarea #comment-smilies img{display: inline-block; padding: 3px; cursor: pointer;}
#infocommentarea .m_comt-comterinfo{padding: 20px 0 0 210px; color: #444; display: none; position: relative;}
#infocommentarea #postcomments{position: relative; background-color: #fff;}
#infocommentarea #comments{font-size: 15px; padding: 12px 20px; line-height: 14px; color: #5fbaac; font-weight: normal; border-bottom: 1px solid #dbece8;}
#infocommentarea .m_commentlist{padding: 20px;}
#infocommentarea .m_comment{padding: 12px 0 10px 0;}
#infocommentarea .m_c-avatar .m_avatar{position: absolute; width: 54px; height: 54px; border-radius: 2px; webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -webkit-transition: all .3s ease-out;}
#infocommentarea .m_c-main{padding: 10px 15px; line-height: 25px; margin-top: -2px; margin-left: 72px; border-radius: 3px; position: relative; background: #fbfdfb; border: 1px #eee solid; font-size: 15px; word-wrap: break-word;}
#infocommentarea .m_c-main:before, #infocommentarea .m_d_comment div.m_muted:before{content: ''; display: inline-block; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #eee; position: absolute; top: 15px; left: -9px;}
#infocommentarea .m_c-meta{color: #bbb; font-size: 14px;}
#infocommentarea .m_c-author{margin-right: 10px;}
#infocommentarea .m_comment-reply-link{margin-left: 6px; color: #00a67c;cursor: pointer;}
#infocommentarea .m_c-main:after, #infocommentarea .m_d_comment div.m_muted:after{content: ''; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #fbfdfb; position: absolute; top: 17px; left: -7px;}
#infocommentarea .m_commentnav{text-align: center; overflow: hidden; padding: 20px;}
#infocommentarea .m_commentnav a, #infocommentarea .m_commentnav .m_current, #infocommentarea .m_commentnav .m_page-numbers{color: rgb(102, 102, 102); display: inline-block; background-color: rgb(238, 238, 238); padding: 4px 12px 3px; margin: 0px 1px 5px 1px;}
#infocommentarea .m_commentnav .m_current{background-color: rgb(0, 166, 124); color: rgb(255, 255, 255);}
#infocommentarea .m_commentnav a:hover{background-color: #6fc299;color: #fff}
#infocommentarea .m_commentnew{background-color: rgb(223, 240, 216);}
#infocommentarea .jc_err{font-size: 16px; color: rgb(102, 102, 102);}
#infocommentarea .must-log-in p{padding: 50px; background-color: #f4f4f4; text-align: center; font-size: 16px; margin: 0;border-radius: 10px;}
#infocommentarea .must-log-in p a{color: #ED730D;cursor: pointer;}
#infocommentarea .must-log-in p i{margin-right:5px;}
#infocommentarea .m_children .m_comment{padding: 12px 0 0 10px;margin: 10px 0 0 60px}
#infocommentarea .m_children .m_c-main p{margin-right: 0}
#infocommentarea .m_children .m_c-meta{padding-top: 1px}
@media (max-width: 767px){#infocommentarea .m_c-avatar .m_avatar{width: 24px; height: 24px;}
#infocommentarea .m_c-main{line-height: 20px; margin-left: 35px; font-size: 12px; padding: 5px;}
#infocommentarea .m_c-main::before, #infocommentarea .m_d_comment div.m_muted::before{top: 5px;}
#infocommentarea .m_c-main::after, #infocommentarea .m_d_comment div.m_muted::after{top: 7px;}}
/**全站登录框**/
.moyu-login-form-fullbg{display: none; width: 100%; height: 100%; position: fixed; _position: fixed; pointer-events: auto; left: 0; top: 0; z-index: 9995; background-color: rgb(31, 45, 61);opacity: 0.5;}
.moyu-login-form{display: none; position: fixed; z-index: 9996;background: #f0f2f7; border-radius: 20px;min-width: 260px;width:400px; height: auto;left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);}
.moyu-login-form-title{padding: 0 80px 0 20px; height: 42px; line-height: 42px; overflow: hidden; background-color: #f0f2f7; border-bottom: 0; color: #ED730D; border-radius: 0; font-size: 18px; border-left: 3px solid #ED730D; margin-bottom: 0; margin-top: 25px;}
.moyu-login-form-repassword{position: absolute;top: 38px;left: 110px;}
.moyu-login-form-content{position: relative; padding: 20px; line-height: 24px; word-break: break-all; overflow: hidden; font-size: 14px; overflow-x: hidden; overflow-y: auto;}
.moyu-login-form-type{display: flex;}
.moyu-login-form-type li{flex: 1; width: 80px; text-align: center; cursor: pointer; list-style: none;}
.moyu-login-form-type li i{font-size: 25px; background-color: #d8e0ea; line-height: 50px; height: 50px; width: 50px; border-radius: 7px; -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 40%); box-shadow: 0 5px 10px rgb(0 0 0 / 40%);color: #fff;}
.moyu-login-form-type li:hover{opacity: 0.8;}
.moyu-login-form-type li.mail i, .moyu-login-form-type li.user i{background: linear-gradient(45deg,#0278ae,#51adcf);}
.moyu-login-form-type li.qq i{background: linear-gradient(45deg,#1C6BA0,#6EAEEA);}
.moyu-login-form-type li.weibo i{background: linear-gradient(45deg,#e12328,#E95D62);}
.moyu-login-form-type li.wechat i{background: linear-gradient(45deg,#54A923,#65CB2A);}
.moyu-login-form-type li p{margin-top: 10px; color: #8492a6;}
.moyu-login-form-close{position: absolute; right: 15px; top: 15px;color: #8492a6; font-size: 18px;cursor: pointer; line-height: initial;}
.moyu-login-form-close:hover{opacity: 0.8;}
.moyu-login-form.reg-user,.moyu-login-form.login-user{width:350px;}
.moyu-pop-login-form{}
.moyu-pop-login-form li{position: relative; margin-bottom: 20px; list-style: none;}
.moyu-pop-login-form li i{position: absolute; top: 12px; left: 6px; font-family: "Font Awesome 5 Pro"; font-size: 13px; margin-left: 8px; color: #C0C4CC;}
.moyu-pop-login-form li input{width: 100%; line-height: 35px; padding: 0 0 0 30px; border-radius: 40px; font-size: 14px; background: -webkit-gradient(linear,left top,left bottom,from(#f0f2f7),to(#fff)); background: -webkit-linear-gradient(#f0f2f7,#fff); background: linear-gradient(#f0f2f7,#fff); -webkit-box-shadow: 0 1px 1px rgb(255 255 255 / 80%); box-shadow: 0 1px 1px rgb(255 255 255 / 80%); border: 1px solid #C0CCDA; box-sizing: border-box; color: #484848;}
.moyu-pop-login-form li input::placeholder{color: #C0C4CC;}
.moyu-pop-login-form li.code{display: flex;}
.moyu-pop-login-form li.code .moyu-get-code{background: linear-gradient(#fff,#f0f2f7); padding: 0; color: #8492a6; margin-left: 10px; border: 1px solid #c0ccda; cursor: pointer; -webkit-box-shadow: 0 2px 1px rgb(0 0 0 / 10%), 0 0 0 1px #fff inset; box-shadow: 0 2px 1px rgb(0 0 0 / 10%), 0 0 0 1px #fff inset;width: 100%; line-height: 35px; padding: 0 0 0 30px; border-radius: 40px; font-size: 14px; background: -webkit-gradient(linear,left top,left bottom,from(#f0f2f7),to(#fff)); background: -webkit-linear-gradient(#f0f2f7,#fff); background: linear-gradient(#f0f2f7,#fff); -webkit-box-shadow: 0 1px 1px rgb(255 255 255 / 80%); box-shadow: 0 1px 1px rgb(255 255 255 / 80%); border: 1px solid #C0CCDA; box-sizing: border-box; color: #484848;}
.moyu-pop-login-form li.code .moyu-get-code span img{vertical-align: middle;}
.moyu-reg-doc{text-align: center; margin-bottom: 20px;}
.moyu-reg-doc a{color: #2196F3;cursor: pointer;}
.moyu-login-btn{display: flex;}
.moyu-login-btn span{display: inline-block; padding: 9px 15px; width: 100%; color: #fff; text-align: center; cursor: pointer; border-radius: 100px; background: -webkit-gradient(linear,left top,right top,from(#5fb878),to(#6ddc8c)); background: -webkit-linear-gradient(left,#5fb878,#6ddc8c); background: linear-gradient(90deg,#5fb878,#6ddc8c); -webkit-box-shadow: 0 8px 15px rgb(107 217 138 / 46%); box-shadow: 0 8px 15px rgb(107 217 138 / 46%);}
.moyu-login-btn span:first-child{flex: 6; margin-right: 10px;}
.moyu-login-btn span:last-child{flex: 2;}
.moyu-login-btn span.login-btn-q{background: -webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20d2ff)); background: -webkit-linear-gradient(left,#20a0ff,#20d2ff); background: linear-gradient(90deg,#20a0ff,#20d2ff); -webkit-box-shadow: 0 8px 15px rgb(32 160 255 / 50%); box-shadow: 0 8px 15px rgb(32 160 255 / 50%);}
.moyu-reg-doc input[type=checkbox]{clear: none;display: inline-block;margin: -3px 4px 0 0;padding: 0!important;width: 18px;height: 18px;min-width: 18px;outline: 0;border-radius: 2px;background: #e9eef2;color: #fff;vertical-align: middle;text-align: center;line-height: 0;cursor: pointer;-webkit-transition: .05s border-color ease-in-out;transition: .05s border-color ease-in-out;-webkit-appearance: none!important;background: #2196F3;}
.moyu-reg-doc input[type=checkbox]:checked:before {display: inline-block;margin-top: 2px;color: #fff;content: "\f00c";vertical-align: text-bottom;font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

#gui_kai{position: fixed;top: 0;left: 0;z-index: 9999;display: none;width: 100%;height: 100%;background-color: rgba(1,1,1,.5);}
.guize_html{position:fixed;top:15%;left:0;right:0px;margin:0 auto;width:500px;height:auto;border-radius:4px;background-color:#fff;color:#000;text-align:center;font-size:14px}
.guize_html p{padding: 0 10px;text-align: left;text-indent: 2em;color: #333;font-size: 16px;line-height: 30px;margin-bottom: 20px;}
.guize_html_nei{width:100%;min-height:350px;overflow-y:auto;max-height:450px;display:block;overflow-y:scroll}
.guize_html_nei h3{font-size: 18px;padding: 20px 0px;}
.guize_html .btn{display:block;margin:10px auto;width:240px;height:40px;border-radius:4px;background-color:#ff6434;color:#fff;text-align:center;line-height:40px;cursor:pointer}

#jSuccess,#jError,#jError,#jNotify{position: absolute; background-color: #E8E8E8;background: -webkit-gradient(linear, center top, center bottom, from(#F6F6F6), to(#DEDEDE));background: -moz-linear-gradient(linear, center top, center bottom, from(#F6F6F6), to(#DEDEDE));background: -o-linear-gradient(linear, center top, center bottom, from(#F6F6F6), to(#DEDEDE)); border: 1px solid #b3b4b2; padding:10px; padding-left:25px;padding-right:25px; margin: 15px; z-index: 9999; -moz-border-radius : 5px; border-radius: 5px; -webkit-border-radius: 5px; line-height:22px;-moz-box-shadow: -1px -1px 11px #cccccc;-webkit-box-shadow: -1px -1px 11px #cccccc;box-shadow: 0px 0px 11px #b3b4b2; -moz-opacity:0.8; filter:alpha(opacity=80);opacity: 0.8; font-size:13px;}
#jSuccess span,#jError span,#jError span,#jNotify span{display:inline-block; padding:12px 0; padding-left:50px; line-height:22px; font-family:microsoft yahei;}
#jSuccess span{background:url(../images/success.png) left center no-repeat;}
#jNotify span{background:url(../images/info.png) no-repeat;}
#jError span{background:url(../images/error.png) no-repeat;}

@media (max-width: 600px){.moyu-login-form{width:95%;}.guize_html{width:85%;}.guize_html_nei{max-height:500px;}}